<template>
  <div id="app">
    <TagCloud :data="list" />
  </div>
</template>

<script>
import TagCloud from "./components/TagCloud.vue";

export default {
  name: "App",
  components: {
    TagCloud,
  },
  data() {
    return {
      list: [
        { code: "林....标签2", docCount: 0, hotValue: "-100" },
        { code: "林....标签28", docCount: 0, hotValue: "-100" },
        { code: "!@#$%^&*()__+[]\\", docCount: 0, hotValue: "-100" },
        { code: "林....标签8", docCount: 0, hotValue: "-100" },
        { code: "林....标签26", docCount: 0, hotValue: "-100" },
        { code: "林....标签17", docCount: 0, hotValue: "-100" },
        { code: "林....标签4", docCount: 0, hotValue: "-100" },
        { code: "蔡标签6", docCount: 0, hotValue: "-100" },
        { code: "林....标签24", docCount: 0, hotValue: "-100" },
        { code: "林....标签12", docCount: 0, hotValue: "-100" },
        { code: "蔡标签19", docCount: 0, hotValue: "-100" },
        { code: "才1标签", docCount: 0, hotValue: "-100" },
        { code: "林....标签6", docCount: 0, hotValue: "-100" },
        { code: "林....标签13", docCount: 0, hotValue: "-100" },
        { code: "蔡标签4", docCount: 0, hotValue: "-100" },
        { code: "标签16", docCount: 0, hotValue: "-100" },
        { code: "林标签4", docCount: 0, hotValue: "-100" },
        { code: "标签3", docCount: 0, hotValue: "-100" },
        { code: "林....标签20", docCount: 0, hotValue: "-100" },
        { code: "蔡......标签22", docCount: 0, hotValue: "-100" },
        { code: "蔡标签3", docCount: 0, hotValue: "-100" },
        { code: "蔡标签13", docCount: 0, hotValue: "-100" },
        { code: "蔡标签14", docCount: 0, hotValue: "-100" },
        { code: "B标签", docCount: 0, hotValue: "200" },
        { code: "标签9", docCount: 0, hotValue: "-100" },
        { code: "oooo", docCount: 0, hotValue: "-100" },
        { code: "wwww", docCount: 0, hotValue: "-100" },
        { code: "标签23", docCount: 0, hotValue: "-100" },
        { code: "标签11", docCount: 0, hotValue: "-100" },
        { code: "999999999", docCount: 0, hotValue: "-100" },
      ],
    };
  },
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
